// FILE: main.js

import { createApp } from 'vue'
import { Quasar, Notify, Loading } from 'quasar'

// Import icon libraries
import '@quasar/extras/material-icons/material-icons.css'

// Import Quasar css
import 'quasar/src/css/index.sass'

import iconSet from 'quasar/icon-set/fontawesome-v6'
import '@quasar/extras/fontawesome-v6/fontawesome-v6.css'

import router from './router'

import pinia from './store';

// Assumes your root component is App.vue
// and placed in same folder as main.js
import App from './App.vue'

import '@/assets/styles/common.less'
import vue3PhotoPreview from 'vue3-photo-preview';
import 'vue3-photo-preview/dist/index.css';


const myApp = createApp(App)

myApp.use(Quasar, {
    plugins: {Notify, Loading}, // import Quasar plugins and add here
    iconSet: iconSet,
    config: {
        notify: { /* look at QuasarConfOptions from the API card */ },
        loading: { /* look at QuasarConfOptions from the API card */ }
    }
})

import PCUI from './components/pc/Library/index.ts'

myApp.use(router).use(pinia).use(vue3PhotoPreview).use(PCUI).mount('#app');